//创建路由实例对象   vue-router  第三方插件 Vue.use()

//引入
import Vue from 'vue' 
import VueRouter from 'vue-router'

// import Home from '../views/HomeView.vue'
// import Cart from '../views/Cart.vue'
// import About from '../views/AboutView.vue'
// import Plist from '../views/Plist.vue'
// import Pdetail from '../views/Pdetail.vue'


import Home from '../views/Home.vue'
import FindMusic  from '../views/FindMusic.vue'
import Play from '../views/Play.vue'
//注册
Vue.use(VueRouter) // VueRouter和vue关联起来

 //创建路由表
 //

 // npm run serve 
//  let routes = [
//    {
//     path:'/', // n
//     component:Home
//    },
//    {
//     path:'/cart', // n
//     component:Cart
//    },
//    {
//     path:'/About', // 地址
//     component:About //组件
//    },
//    {
//     path:'/plist', // 地址
//     component:Plist //组件
//    },
//    {
//     path:'/pdetail', // 地址
//     name:"Pdetail",
//     component:Pdetail //组件
//    }
//  ]

let routes = [
    {
        path:'/',
        component:Home,
        redirect:'/findMusic',
        // （1）是谁的嵌套路由=》添加一个属性 children
        children:[
            // 路由信息=》{}
            {
                path:'findMusic',// 路径会自动的拼接 父亲   /findMusic
                component:FindMusic
            },
              // 路由信息=》{}
              {
                path:'play',// 路径会自动的拼接 父亲   /play
                component:Play
            }
        ]
    }
]


 //创建 路由实例对象

 let router = new VueRouter({
    mode:'history',
    routes
 })

 export default router

